﻿@model IEnumerable<FilmBookingTicket.Models.Film>
@{
    ViewBag.Title = "VE PHIM ONLINE";
}

<div>
    <table style="box-shadow: 5px -3px 30px #bfbfbf; background-color: transparent; width: 780px">
        <tr>
            <td rowspan="7">
                <div class="tile quadro triple-vertical ol-transparent">
                    <div class="tile-content">
                        <div class="carousel" data-role="carousel" data-height="100%" data-width="100%" data-controls="true">
                            <div class="slide image-container">
                                <img src="~/Image/FilmIcon/Braveheart.jpg" />
                                <div class="overlay">
                                    BRAVE HEART
                                    <button class="buttonG" style="color: #F5ECEC; position: relative; margin-left: 410px; margin-top: 6px">Mua vé</button>
                                </div>
                            </div>
                            <div class="slide image-container">
                                <img src="~/Image/FilmIcon/GhostRider.jpg" />
                                <div class="overlay">
                                    GHOST RIDER
                                     <button class="buttonG" style="color: #F5ECEC; position: relative; margin-left: 410px; margin-top: 6px">Mua vé</button>
                                </div>
                            </div>
                            <div class="slide image-container">
                                <img src="~/Image/FilmIcon/HarryPotter.jpg" />
                                <div class="overlay">
                                    HARRY POTTER
                                     <button class="buttonG" style="color: #F5ECEC; position: relative; margin-left: 410px; margin-top: 6px">Mua vé</button>
                                </div>
                            </div>
                            <a class="controls left"><i class="icon-arrow-left-3" style="font-size: large"></i></a>
                            <a class="controls right"><i class="icon-arrow-right-3" style="font-size: large"></i></a>
                        </div>
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td class="tile-group-title fg-white bg-darkBlue"  style="height:30px;  padding:5px 0px 0px 10px" colspan="3">
                PHIM ĐỀ CỬ<span class="icon-arrow-right-5"></span>
            </td>
        </tr>
        <tr>
            <td>
                <div class="tile" style="height:120px">
                    <div class="tile-content image">
                    </div>
                </div>
            </td>
            <td>
                <div class="tile ">
                    <div class="tile-content image">
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="tile ">
                    <div class="tile-content image">
                    </div>
                </div>
            </td>
            <td>
                <div class="tile ">
                    <div class="tile-content image">
                    </div>
                </div>
            </td>
        </tr>
    </table>
</div>
<div style="display:block;color:transparent;width:786px; height:180px;box-shadow: 5px -3px 30px #bfbfbf;margin-top:30px ">
    <p style="color:white">ADS HERE</p>
</div>  
<div style="margin-top:30px">
    <table style="box-shadow: 5px -3px 30px #bfbfbf; background-color: transparent; width:785px">
     
        <tr>
            <td colspan="4">
                <div class="tile-group-title fg-white bg-darkRed"  style="height:30px;  padding:5px 0px 0px 10px">PHIM ĐANG CHIẾU <span class="icon-arrow-right-5"></span></div>
            </td>

        </tr>
        <tr>
            <td style="padding:12px 12px 12px 40px">
                <div class="tile" style="width:150px;height:250px">
                    <div class="tile-content image">
                    </div>
                </div>
            </td>
            <td style="padding:12px 12px 12px 12px">
                <div class="tile" style="width:150px;height:250px">
                    <div class="tile-content image">
                    </div>
                </div>
            </td>
  
      
            <td style="padding:12px 12px 12px 12px">
                <div class="tile" style="width:150px;height:250px">
                    <div class="tile-content image">
                    </div>
                </div>
            </td>
            <td style="padding:12px 12px 12px 12px" >
                <div class="tile" style="width:150px;height:250px">
                    <div class="tile-content image">
                    </div>
                </div>
            </td>
 
           </tr>
    </table>
</div>
<div style="margin-top:30px">
    <table style="box-shadow: 5px -3px 30px #bfbfbf; background-color: transparent; width:785px">
     
        <tr>
            <td colspan="4">
               <div class="tile-group-title fg-white bg-darkGreen"  style="height:30px; padding:5px 0px 0px 10px">PHIM SẮP CHIẾU <span class="icon-arrow-right-5"></span></div>
            </td>

        </tr>
        <tr>
            <td style="padding:12px 12px 12px 40px">
                <div class="tile" style="width:150px;height:250px">
                    <div class="tile-content image">
                    </div>
                </div>
            </td>
            <td style="padding:12px 12px 12px 12px">
                <div class="tile" style="width:150px;height:250px">
                    <div class="tile-content image">
                    </div>
                </div>
            </td>
  
      
            <td style="padding:12px 12px 12px 12px">
                <div class="tile" style="width:150px;height:250px">
                    <div class="tile-content image">
                    </div>
                </div>
            </td>
            <td style="padding:12px 12px 12px 12px" >
                <div class="tile" style="width:150px;height:250px">
                    <div class="tile-content image">
                    </div>
                </div>
            </td>
 
           </tr>
    </table>
</div>
